<div class="wrapper">
        <div class="cont_page">
            <div class="cont_service">
                <div class="clip">
                    <div class="cont_lst_service">
                        <ul>
                            <li>
                                <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}s1.jpg" alt="service 1" border="0" title="sercice1" /></a></div>
                                <div class="info"> <a href="#">Lorem ipsum </a>
                                    <p>dolor sit amet, omnis euismod indoctum mel. dolor</p>
                                </div>
                            </li>
                            <li>
                                <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}s2.jpg" alt="service 1" width="93" height="71" border="0" title="sercice1" /></a></div>
                                <div class="info"> <a href="#">Lorem ipsum </a>
                                    <p>dolor sit amet, omnis euismod indoctum mel. dolor</p>
                                </div>
                            </li>
                            <li>
                                <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}s3.jpg" alt="service 1" width="93" height="71" border="0" title="sercice1" /></a></div>
                                <div class="info"> <a href="#">Lorem ipsum </a>
                                    <p>dolor sit amet, omnis euismod indoctum mel. dolor</p>
                                </div>
                            </li>
                            <li>
                                <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}s4.jpg" alt="service 1" width="93" height="71" border="0" title="sercice1" /></a></div>
                                <div class="info"> <a href="#">Lorem ipsum </a>
                                    <p>dolor sit amet, omnis euismod indoctum mel. dolor</p>
                                </div>
                            </li>
                            <li>
                                <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}s5.jpg" alt="service 1" width="93" height="71" border="0" title="sercice1" /></a></div>
                                <div class="info"> <a href="#">Lorem ipsum </a>
                                    <p>dolor sit amet, omnis euismod indoctum mel. dolor</p>
                                </div>
                            </li>
                            <li>
                                <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}s6.jpg" alt="service 1" width="93" height="71" border="0" title="sercice1" /></a></div>
                                <div class="info"> <a href="#">Lorem ipsum </a>
                                    <p>dolor sit amet, omnis euismod indoctum mel. dolor</p>
                                </div>
                            </li>
                        </ul>
                        <div class="clr"></div>
                    </div>
                </div>
                <div class="cont_affiche">
                    <div class="left_aff"><img src="{$image_dir}left_service.png" /></div>
                    <div class="line_service"></div>
                    <div class="ombre_serv"></div>
                    <a class="show_hide"><span>Nos expert à votre service</span></a>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="clr"></div>
            <div class="cont_bannier">
                <div class="form_inscrip">
                    <div class="fleche"></div>
                    <div class="deco deco_top"></div>
                    <div class="deco deco_bot"></div>
                    <div class="cont_form_inscrip">
                        <div class="cont_tit_inscrip">
                            <h1>devenir <span>un membre</span></h1>
                            <i>en quelques minutes ?</i> </div>
                        <div class="blk_form"> <b>Je suis:</b>
                            <div class="line_t_b">
                                <label>
                                <input type="radio" name="radiobutton" value="radiobutton" class="btn_check" />
                                <em>un homme</em> <i class="clr"></i> </label>
                                <label>
                                <input type="radio" name="radiobutton" value="radiobutton"  class="btn_check" />
                                <em>une femme</em> <i class="clr"></i> </label>
                                <label class="last">
                                <input type="radio" name="radiobutton" value="radiobutton"  class="btn_check" />
                                <em>autre</em> <i class="clr"></i> </label>
                                <div class="clr"></div>
                            </div>
                            <div class="cont_ch">
                                <input name="Input" type="text" placeholder="Mon pseudo" class="champ"/>
                            </div>
                            <div class="cont_ch">
                                <input name="" type="text" placeholder="Mon mot de passe :" class="champ"/>
                            </div>
                            <div class="cont_ch">
                                <input name="" type="text" placeholder="Confirmer mot de passe :" class="champ"/>
                            </div>
                            <div class="cont_ch">
                                <input name="" type="text" placeholder="Mon email :" class="champ"/>
                            </div>
                            <div class="cont_ch">
                                <input name="" type="text" placeholder="Ma date de naissance :" class="champ"/>
                            </div>
                            <div class="pad_10"></div>
                            <div class="line_t_b">
                                <label class="certification">
                                <input type="checkbox" name="radiobutton" checked="checked"class="btn_check" />
                                <em>Je certifie etre majeur et accepteles <a href="#" class="u_hover">conditions generales d`utilisation</a> .</em> <i class="clr"></i> </label>
                                <div class="clr"></div>
                            </div>
                            <center>
                                <input type="submit" name="Submit2" value="Inscription gratuite" class="btn" />
                            </center>
                            <div class="clr"></div>
                        </div>
                    </div>
                </div>
                <div class="cont_slider">
                    <div class="list_slide">
                        <div class="deco_slide">
                            <div></div>
                        </div>
                        <ul>
                            <li> <a href="" class="opc"><img src="{$image_dir}slide.jpg" alt="slide" /></a> </li>
                        </ul>
                        <div class="clr"></div>
                    </div>
                    <div class="nav_slide">
                        <ul>
                            <li class="selected"><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                        </ul>
                        <div class="clr"></div>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
            <div class="tit_perso">
                <div class="tit_ombre"></div>
                <div class="tit_deco">
                    <div></div>
                </div>
                <span>Dernier <em>membre</em></span>
                <div class="clr"></div>
            </div>
            <div class="clr"></div>
            <div class="cont_caroussel">
                <div class="liste_carou">
                    <ul>
                        <li>
                            <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}c1.jpg" alt="image carousel1" border="0" title="image carousel1" /></a></div>
                            <div class="info_pers">
                                <div class="left">28ans</div>
                                <div class="right">France</div>
                                <div class="clr"></div>
                            </div>
                            <p>Lorem ipsum dolor sit amet, omnis euismod indoctum mel.</p>
                            <div class="carrou_ombre"></div>
                        </li>
                        <li>
                            <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}c2.jpg" alt="image carousel1" width="152" height="115" border="0" title="image carousel1" /></a></div>
                            <div class="info_pers">
                                <div class="left">28ans</div>
                                <div class="right">France</div>
                                <div class="clr"></div>
                            </div>
                            <p>Lorem ipsum dolor sit amet, omnis euismod indoctum mel.</p>
                            <div class="carrou_ombre"></div>
                        </li>
                        <li>
                            <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}c3.jpg" alt="image carousel1" width="152" height="115" border="0" title="image carousel1" /></a></div>
                            <div class="info_pers">
                                <div class="left">28ans</div>
                                <div class="right">France</div>
                                <div class="clr"></div>
                            </div>
                            <p>Lorem ipsum dolor sit amet, omnis euismod indoctum mel.</p>
                            <div class="carrou_ombre"></div>
                        </li>
                        <li>
                            <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}c4.jpg" alt="image carousel1" width="152" height="115" border="0" title="image carousel1" /></a></div>
                            <div class="info_pers">
                                <div class="left">28ans</div>
                                <div class="right">France</div>
                                <div class="clr"></div>
                            </div>
                            <p>Lorem ipsum dolor sit amet, omnis euismod indoctum mel.</p>
                            <div class="carrou_ombre"></div>
                        </li>
                        <li class="last">
                            <div class="cont_img"><a href="#" class="opc"><img src="{$image_dir}c5.jpg" alt="image carousel1" width="152" height="115" border="0" title="image carousel1" /></a></div>
                            <div class="info_pers">
                                <div class="left">28ans</div>
                                <div class="right">France</div>
                                <div class="clr"></div>
                            </div>
                            <p>Lorem ipsum dolor sit amet, omnis euismod indoctum mel.</p>
                            <div class="carrou_ombre"></div>
                        </li>
                    </ul>
                    <div class="clr"></div>
                </div>
                <div class="control_carou"><a class="leftcarou"></a> <a class="rightcarou"></a></div>
            </div>
        </div>
    </div>